﻿@charset "utf-8";
/* 全局CSS定义 */
body { font-family: "微软雅黑"; background: #FFF url(img/header_bg.jpg) repeat-x 0 0; font-size:12px; color:#222; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight: normal;}
table,td,tr,th{font-size:12px;}

.qq{ background:url(img/qq_bg.gif) repeat-y 0 0;}
.qq li{ text-align:center; padding: 10px 0;}
.qq li img{ display:block; margin: 0 auto;}

/* 链接颜色 */
a:link {color: #222; text-decoration: none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #f60; text-decoration:none;}
a:active { color: #222;}
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cRed_L,a.cRed_L:link,a.cRed_L:visited{ color:Red; text-decoration:underline;}
.cF60,a.cF60:link,a.cF60:visited{ color: #f60; }
.clr{ clear:both; height: 0; font-size:0; line-height: 0;}

.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 25px; font-family:Verdana, Geneva, sans-serif;}
/* .pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 20px; line-height: 20px; text-align:center; width: 20px; border: 1px solid #ccc; background: #F5F2F5;}
.pages a:hover,.pages strong{ border: 1px solid #f00; color: #fff; background: #f00; font-weight:normal;}
*/


.Header{ margin:0 auto; width:980px; height: 128px; padding-top: 23px; }
.Header .logo{ float:left; width: 300px; height: 93px;}
.Header .logo img{ margin-top: 10px;}
.Header .r{ float:right; width: 215px; text-align:right;}
.Header .r .cn{ background:url(img/ico_cn.gif) no-repeat 0 2px; padding: 0 30px;}
.Header .r .en{ background:url(img/ico_en.gif) no-repeat 0 2px; padding-left: 30px;;}
.Header .r span{ background:url(img/search_bg.jpg) no-repeat 0 0; height: 20px; display:block; margin-top: 28px;}
.Header .r span .input{ float:left; width: 184px; background: none; height: 18px; line-height: 18px; text-indent: 10px; border: none;}
.Header .r span .but{ float:right; width: 28px; background: none; border: none; height: 20px; line-height: 0; cursor: pointer;}

.Header .nav{ height: 36px; clear:both; line-height: 36px; background:url(img/nav_line.gif) no-repeat right 6px;}
.Header .nav li{ float:left; width: 140px; background:url(img/nav_line.gif) no-repeat 0 6px; text-align:center;}
.Header .nav li a{ display:block; color: #fff;}
.Header .nav li .tag,.Header .nav li a:hover{ background:url(img/nav_tag.jpg) no-repeat center 3px;}


.BannerAbout{ width: 100%; height: 200px; background:url(img/banner_about.jpg) no-repeat center 0;}
.BannerNews{ width: 100%; height: 200px; background:url(img/banner_news.jpg) no-repeat center 0;}
.BannerProducts{ width: 100%; height: 200px; background:url(img/banner_Products.jpg) no-repeat center 0;}
.BannerContact{ width: 100%; height: 200px; background:url(img/banner_Contact.jpg) no-repeat center 0;}

.BannerService{ width: 100%; height: 200px; background:url(img/banner_service.jpg) no-repeat center 0;}
.flash{ width: 100%; margin: 0 auto; background: url(img/header_line.jpg) repeat-x 0 0;}




#slide-index{ min-width:1000px;width:auto; margin: 0 auto;  height:344px; background:url(img/bg_1.jpg) repeat-x 0 bottom; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:310px; overflow:hidden; position:relative; top: -34px;}

#slide-index .slide{ min-width:1000px; height:310px; float:left; position:relative;}
#slide-index .image{ z-index:1;position: absolute; }




#slide-index .FlashIco{ height: 34px; z-index: 10; top: 310px; position:relative; background:url(img/flash_bg.jpg) repeat-x 0 0;}
#slide-index .control{ z-index:800; margin: 0 auto;z-index: 10; width: 65px; padding-top: 10px;}
#slide-index .control a{ display:block; width: 13px; height: 13px; margin: 0 4px; float:left;background: url(img/flash_ico.jpg) no-repeat -23px 0;}
#slide-index .control a:hover, #slide-index .control a.active{background: url(img/flash_ico.jpg) no-repeat 0 0;}
.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }





.Content{ width: 980px; margin: 15px auto;}
.ContentLeft{ float:left; width: 249px;}
.ContentLeft .menu { background:url(img/menu_bottom.jpg) no-repeat 0 bottom; padding-bottom: 9px;}
.ContentLeft .menu h3{ background:url(img/menu_top.jpg) no-repeat 0 0; height: 44px; padding: 10px 0 0 25px; line-height: 44px; font-weight:bold; color: #fff; font-size: 14px; font-weight:bold;}
.ContentLeft .menu ul{ background: #fff; border-left: 2px solid #E2E2E2; border-right: 2px solid #E2E2E2; margin-left: 4px; padding: 0 18px 10px;}
.ContentLeft .menu ul li{ height: 32px; line-height: 32px; background:url(img/menu_ico.gif) no-repeat 0 9px; padding-left: 25px; border-top: 1px dotted #ccc;}
.ContentLeft .menu ul .no{ border-top: none;}

.ContentLeft .menu #nav { padding: 5px 10px 20px;}
.ContentLeft .menu #nav li { position: relative;}
.ContentLeft .menu #nav li ul { width: 160px; padding: 10px 15px; position: absolute; background: #fff; border: 1px solid #DCDCDC; left: 217px; top: 0; display: none;}
.ContentLeft .menu #nav li ul li{ height: 26px; line-height: 26px; padding-left: 15px; border-top: none; border-bottom: 1px dotted #DCDCDC;background:url(img/ico_3.gif) no-repeat 0 9px;}
.ContentLeft .menu #nav li:hover ul, li.over ul { display: block;}


.ContentRight{ float:right; width: 704px;}



.Home h3{ background:url(img/line_1.jpg) repeat-x 0 bottom; height: 38px; line-height: 32px; text-align:right;}
.Home h3 strong{ background:url(img/ico_1.jpg) no-repeat 0 10px; padding-left: 20px; font-size: 14px; color:#DF0B14; float:left;}

.Home .About{ float:left; width: 400px; /*background:url(img/ico_map.jpg) no-repeat right bottom;*/}
.Home .About p{ margin: 0; padding: 15px 0; line-height: 23px;}
.Home .About li{ height: 26px; line-height: 26px; background:url(img/ico_2.gif) no-repeat 0 8px; padding-left: 18px;}

.Home .NewProducts{ float:right; width: 277px;}
.Home .NewProducts .flash{ width:277px; position:relative; padding-top: 18px;}
.Home .NewProducts .flash .bbg0,.Home .NewProducts .flash .bbg1{background:url(img/focus.gif) no-repeat -17px 0;color:#fff;font-size:10px;font-family:Arial;line-height:12px;cursor:pointer;}
.Home .NewProducts .flash .bbg0 a,.bbg1 a{color:#fff;text-decoration:none;}
.Home .NewProducts .flash .bbg1{ background:url(img/focus.gif) no-repeat 0 0;}
.Home .NewProducts .flash .pic{ position:absolute;z-index:1;top: 194px; left: 3px; background: #7B7B7B; width: 265px; height: 19px; padding: 8px 0 0 5px;}
.Home .NewProducts .flash .pic li{ margin-right:1px;width:13px;float:left;text-align:center;height:12px; margin-left: 5px;}
.Home .NewProducts .flash #au{ width:270px;height:200px;filter:progid:DXImageTransform.Microsoft.Fade (duration=0.5,overlap=1.0 ); border: 3px solid #fff;}
.Home .NewProducts .flash #au img{ width:270px;height:200px;}





.Home .HotProducts{ clear:both; padding-top: 18px;}
.Home .HotProducts ul{ margin-top: 18px;}
.Home .HotProducts li{ float:left; width: 124px; height: 150px; text-align:center; margin-right: 21px;}
.Home .HotProducts li img{ display:block; width: 120px; height: 90px; border: 2px solid #fff; margin-bottom: 8px;}
.Home .HotProducts .r{ float:right; margin-right: 0;}







.ContentRight .Links1{ background:url(img/line_1.jpg) repeat-x 0 bottom; height: 38px; line-height: 32px;}

.ContentRight .Links{ background:url(img/line_1.jpg) repeat-x 0 bottom; height: 38px; line-height: 32px; text-align:right; }
.ContentRight .Links h2{ background:url(img/ico_1.jpg) no-repeat 0 10px; padding-left: 20px; font-size: 14px; color:#DF0B14; float:left; font-weight:bold;}

.ContentRight .about{ line-height: 23px; padding: 10px 0;}

.ContentRight .news{ padding: 15px 0;}
.ContentRight .news li{ border-bottom: 1px dotted #ccc; height: 32px; line-height: 32px; background: url(img/ico_4.gif) no-repeat 0 13px; padding-left: 20px; text-align:right}
.ContentRight .news li a{ float:left;}

.ContentRight .newsview{ padding: 18px 0;}
.ContentRight .newsview h1{ text-align:center; font-size: 16px; font-weight:bold; height: 32px;}
.ContentRight .newsview .text{ line-height: 23px; padding: 10px 0;}
.ContentRight .newsview .time{ text-align:center;}


.ContentRight .Productslist{ clear:both; padding-top: 18px;}
.ContentRight .Productslist li{ float:left; width: 160px; height: 170px; text-align:center; margin-right: 21px;}
.ContentRight .Productslist li img{ display:block; width: 155px; height: 116px; border: 2px solid #fff; margin-bottom: 8px;}
.ContentRight .Productslist .r{ float:right; margin-right: 0;}

.ContentRight .Productview{ padding: 18px 0;}
.ContentRight .Productview h1{ font-size: 14px; font-weight:bold; text-align:center; }
.ContentRight .Productview .pic{padding: 18px 0;}
.ContentRight .Productview .text{ line-height: 23px;}


.ContentRight .yan{ line-height: 23px; }
.ContentRight .yan p{ background:url(img/line_1.gif) repeat-x 0 bottom; padding-bottom: 10px;}
.ContentRight .yan td{ line-height: 32px; padding-left: 5px;}
.ContentRight .yan input{ border: 1px solid #D4D4D4; height: 19px; line-height: 19px;}
.ContentRight .yan textarea{ height: 120px; width: 500px; border: 1px solid #D4D4D4;}
.ContentRight .yan .but{ background: #333; height: 22px; line-height:22px; width: 58px; border: none; cursor: pointer; color: #fff;}





.Foot{ width: 100%; height: 125px; background:url(img/foot_bg.jpg) repeat-x 0 0; clear:both; line-height: 28px; padding-top: 15px; text-align:center; color: #ccc;}
.Foot a,.Foot a:visited{ color: #ccc; margin: 0 15px;}
.Foot a:hover{ color: #f30;}